body { background-color:rgb(215, 215, 215); }


#back {
  background-color:white;
  box-shadow: 10px 10px 5px #888;
  border:1px solid rgb(0,0,0);
  height:800px;
  position:absolute;
  top:25px;
  width:65%;
  left:15%
}

#img_head {
  width:220px;
  height:56px;                    
  display:table;
  float:left;
}

#img_catalogs {
  width:139px;
  height:36px;                          
  display:table;
  margin:auto;
}

#img_highscore {
  width:155px;
  height:36px;                          
  display:table;
  margin:auto;
}

#login_username {                        
  color:rbg(190, 140, 140);
  font-family:"Calibri", "Sans-serif";
  font-size:20px;
  position:absolute;
  top:250px;
  left:calc(50% - 125px);
}

#login_textfield {                        
  color:rbg(140, 140, 140);
  font-family:"Calibri", "Sans-serif";
  font-size:18px;
  position:absolute;
  top:275px;
  height:28px;
  width:200px;
  left:calc(50% - 125px);
}

#login_button  {  
  font-family:"Calibri", "Sans-serif";
  font-size:18px;          
  position:absolute;
  height:28px;  
  top:276px;
  width:80px;
  left:calc(50% + 90px);
}

#start_button  {  
  font-family:"Calibri", "Sans-serif";
  font-size:18px;          
  position:absolute;
  height:28px;  
  top:276px;
  width:80px;
  left:calc(50%);
  display:none;
}

#header {
  height:50px;
  position:absolute;
  top:40px;
  width:calc(100% - 185px);
  left:50px;
}

#main {
  height:535px;
  position:absolute;
  top:140px;
  width:calc(72% - 145px);
  left:50px;
}

#catalogs {
  font-family:"Calibri", "Sans-serif";
  height:200px;
  position:absolute;
  width:calc(28% - 150px);
  top:140px;
  right:50px;
}

#highscore {
  height:290px;
  position:absolute;
  width:calc(28% - 150px);
  top:385px;
  right:50px;
}

#footer {
  font-family:"Calibri", "Sans-serif";
  font-size:12px;  
  height:25px;
  position:absolute;
  width:calc(100% - 185px);
  top:720px;
  left:50px;
}

.catalog_entry { 
  border:2px solid rgb(140,140,140);
  border-radius:20px;
  background-color:lightgray;
  position:absolute;
  height:30px;
  width:calc(100% - 40px);
  top:65px;
  left:20px;
}

.catalog_entry_selected { 
  border:2px solid rgb(140,140,140);
  border-radius:20px;
  background-color:white;
  position:absolute;
  height:30px;
  width:calc(100% - 40px);
  top:65px;
  left:20px;
}

.newgame_button {
  font-size:24px;
  border:2px solid rgb(140,140,140);
  border-radius:20px;
  background-color:lightgray;
  position:absolute; 
  top:50%;
  left:35%;
}

.catalog_label {
  font-size:16px; 
  position:absolute;
  top:5px;
  width:100%;
  text-align:center
}

.highscore_entry { 
  font-family:"Calibri", "Sans-serif";	
  font-size:16px; 
  border:2px solid rgb(140,140,140);
  border-radius:20px;
  background:rgb(200,200,200);
  position:absolute;
  height:30px;
  width:calc(100% - 40px);
  top:65px;
  left:20px;
  display:none;
}

.highscore_label_rank {
  position:absolute;
  top:5px;
  width:100%;
  left:5%;
}

.highscore_label_player {
  position:absolute;
  top:5px;
  width:100%;
  left:15%;
}

.highscore_label_points {
  position:absolute;
  top:5px;
  width:100%;
  text-align:right;
  right:5%;
}

.highscore_table {
  width:100%;
}

.question_label {
  font-family:"Calibri", "Sans-serif";
  font-size:16px; 
  position:absolute;
  top:10%;
  left:120px;
}

.answer_button { 
  font-family:"Calibri", "Sans-serif";
  font-size:16px; 
  border:2px solid rgb(140,140,140);
  border-radius:20px;
  background-color:lightgray;
  position:absolute;
  height:30px;
  width:calc(100% - 40px);
  top:20%;
  left:20px;
}

.timeout_label {
	color:red;
	font-family:"Calibri", "Sans-serif";
	font-size:150px;
}

.header {
  border:2px solid rgb(210,210,210);
  padding:10px 40px; 
  background:rgb(245,245,245);
  width:300px;
  border-radius:20px;
}

.middle {
  border:2px solid rgb(210,210,210);
  padding:10px 40px; 
  background:rgb(245,245,245);
  width:300px;
  border-radius:20px;
}

.footer {
  border:2px solid rgb(210,210,210);
  padding:10px 40px; 
  background:rgb(245,245,245);
  border-radius:15px;
}

